<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">

    <title>Home</title>
    <link rel="shortcut icon" href="/img/favicon.ico">
    
    <!-- global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/font-icon-style.css">
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">

    <!-- Core stylesheets -->
    <link rel="stylesheet" href="/css/ui-elements/card.css">
    <link rel="stylesheet" href="/css/style.css">
    
</head>

<body> 

<!--====================================================
                         MAIN NAVBAR
======================================================-->        
    <header class="header">
        <nav class="navbar navbar-expand-lg ">
            <div class="search-box">
                <button class="dismiss"><i class="icon-close"></i></button>
                <form id="searchForm" action="#" role="search">
                    <input type="search" placeholder="Search Now" class="form-control">
                </form>
            </div>
            <div class="container-fluid ">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <div class="navbar-header">
                        <a href="header.html" class="navbar-brand">
                            <div class="brand-text brand-small"><img src="/img/logo-icon.png" alt="Logo" class="img-fluid"></div>
                            <div class="brand-text brand-big hidden-lg-down" style="font-weight: bold;">
                                <img src="/img/logo-icon.png" alt="Logo" class="img-fluid">第三方服务商用户中心
                            </div>
                        </a>
                        <a id="toggle-btn" href="#" class="menu-btn active">
                            <span></span>
                            <span></span>
                            <span></span>
                        </a>
                    </div>
                </div>
                <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                    <li><button onclick="window.location=('../Front-Admin/index.html')" class="btn hover123">首页</button></li>
                    <li class="nav-item dropdown"><a id="profile" class="nav-link logout" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img th:src="${session.user.getPhotoAttId()}" alt="..." class="img-fluid rounded-circle" style="height: 30px; width: 30px;"></a>
                        <ul aria-labelledby="profile" class="dropdown-menu profile">
                            <li>
                                <a rel="nofollow" href="#" class="dropdown-item d-flex">
                                    <div class="msg-profile"> <img th:src="${session.user.getPhotoAttId()}" alt="..." class="img-fluid rounded-circle"></div>
                                    <div class="msg-body">
                                        <h3 class="h5" th:text="${session.user.getLoginName()}">S</h3><span th:text="${session.user.getEmail()}"></span>
                                    </div>
                                </a>
                                <hr>
                            </li>
                            <li>
                                <a rel="nofollow"  class="dropdown-item" href="/login/user-info" target="main-content">
                                    <div class="notification">
                                        <div class="notification-content"><i class="fa fa-user "></i>我的信息</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="/login/logout" class="dropdown-item">
                                    <div class="notification">
                                        <div class="notification-content"><i class="fa fa-power-off"></i>注销</div>
                                    </div>
                                </a> 
                            </li>
                        </ul>
                    </li>
                </ul> 
            </div>
        </nav>
    </header>
    <div class="page-content d-flex align-items-stretch">

            <!--***** SIDE NAVBAR *****-->
            <nav class="side-navbar">
                <div class="sidebar-header d-flex align-items-center">
                    <div class="avatar"><img  th:src="${session.user.getPhotoAttId()}" alt="..." class="img-fluid rounded-circle"></div>
                    <div class="title">
                    <h1 class="h4" th:text="${session.user.getLoginName()}"></h1>
                </div>
            </div>
            <hr>
            <!-- Sidebar Navidation Menus-->
            <ul class="list-unstyled">
                <li> <a href="#info" aria-expanded="false" data-toggle="collapse"><i class="fa fa-file-o"></i>信息维护</a>
                    <ul id="info"  class="collapse list-unstyled">
                        <li><a href="/login/user-info" target="main-content">基本信息</a></li>
                        <li><a href="/login/company-info" target="main-content">公司信息</a></li>
                        <li><a href="/login/password-update" target="main-content">密码修改</a></li>
                    </ul>
                </li>
                <li> <a href="/order/allser" target="main-content"><i class="fa fa-archive"></i>我的订单</a></li>
            </ul>
        </nav>
        <div class="content-inner">
            <iframe id="iframe1" onload="setIframeHeight(this)" scrolling="no"  name="main-content" width="100%" height="100%" frameborder="0"  src="/login/user-info"></iframe>
        </div>
    </div>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/popper/popper.min.js"></script>
    <script src="/js/tether.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.cookie.js"></script>
    <script src="/js/jquery.validate.min.js"></script>
    <script src="/js/chart.min.js"></script>
    <script src="/js/front.js"></script>
    <script>

        function setIframeHeight(iframe) {
            if (iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if (iframeWin.document.body) {
                    iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
                }
            }
        };

        window.onload = function () {
            setIframeHeight(document.getElementById('iframe1'));
        };
    </script>
    
</body>
</html>